<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景图片与平铺不平铺</title>
    <style>
        /* div {
             width: 300px;
             height: 300px; */
             /* transparent 透明的清澈的  背景图片默认是透明的
             /* /* background-color: transparent;
             /* background-color: pink;
             */
        /* }   
        div { */
            /* width: 300px;
            height: 300px; */
            /* 1：无背景图（默认的） *
            /* background-image: none; */ 
             /* 2：image：url 使用绝对或相对地址指定背景图象 */
            /* background-image: url(../第一天-综合案例/images/shu.jpg); */


            /* div { width: 300px;
                  height: 300px; */
                  /* 可以在背景图片中加入背景颜色 */
                  /* background-color: pink;
                  background-image:url(../第一天-综合案例/images/sdlr.jpg); */
                 /* 1：背景图片不平铺 */
                 /* background-repeat:no-repeat; */
                 /* 2:默认情况下，背景图片是平铺的 */
                 /* background-repeat: repeat; */
                 /* 3:沿着x轴平铺（横向） */
                 /* background-repeat:repeat-x */
                 /* 4:沿着Y轴平铺（竖向） */
                /* background-repeat:repeat-y */
              
        /* div {
            width: 300px;
            height: 300px;
            background-color: pink;
            background-image: url(02img.jpg);
            background-position-y: center;
        } */
 

     div {
         background-color: #2a190e;
         width: 156px;
         height: 36px;
         color: #b4b0ad;
         background-image: url(oww.png);
         background-repeat: no-repeat;
         background-position: 6px;
         line-height: 36px;
         text-indent: 1.5em;

     }
    </style>
</head>
<body>
    <div>未成年人家长监护</div>
</body>
</html>